<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-theme.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
    <div class="box">
        <!-- 导航 -->
        <div class="header-section navbar navbar-fixed-top navbar-default  ">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand navbar-logo" href="http://vimsel.com">
                        <img src="img/VeeV_Site_Icon_green-1-light.png" style="height:45px !important; width:45px !important;">
                    </a>
                </div>
                <div id="navigation" class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right nav-stacked">
                        <li class="current">
                            <a href="#home">HOME</a>
                        </li>
                        <li class="current1">
                            <a href="#features-icons">Features</a>
                        </li>
                        <li  class="current1">
                            <a href="http://vimsel.com/veev-blog/">News</a>
                        </li>
                        <li  class="current1">
                            <a href="http://vimsel.com/faq-about/">FAQ</a>
                        </li>            
                        <li  class="current1">
                            <a href="mailto:services@vimsel.com">Contact</a>
                        </li>                        
                    </ul>
                </div>
            </div>
        </div>
        <!-- diyibu -->
        <section class="hero-section hero-layout-1 section parallax-background section-inverse-color"style="background-image:url(img/VeeV-background-1.gif);margin-top: 61px;background-position: 50% 0px;"data-stellar-background-ratio="0.4" id="subscribe">
            <div class="back"></div>
            <div class="container con">
                <div class="hero-content">
                    <div class="hero-content inn" data-stellar-offset-parent="true"style="">
                        <div class="hero-text wow fadeIn animated" data-wow-duration="1s" data-wow-delay="0.5s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.5s;">
                            <img src="img/VeeV_Site_Icon_green-1-light-full.png" alt="VeeV, the style app with visual search." class="hero-logo" style="width:150px !important; height:150px !important;">
                            <h1 class="hero-title">the Style App with Visual Search</h1>
                            <p class="hero-description"></p>
                            <p class="download-buttons">
                                <a href="#">
                                    <img src="img/appstore.png" class="link_images" alt="Download VeeV from the App Store for iOS and Apple watch.">
                                </a>
                                <a href="#">
                                    <img src="img/googleplay.png" class="link_images" alt="Get VeeV from Google Play free.">
                                </a>
                                                        
                            </p>
                        </div>
                        <div class="hero-images wow fadeInUp animated" data-wow-duration="1s" data-wow-delay="0.5s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.5s;position: relative;">
                            <img src="img/hero-phone-watch-22.png" class="hero-image parallax img-responsive" alt="Snap, Scan and wear more of what you love with VeeV, the style app with visual search for styling and getting more out of your wardrobe." data-stellar-ratio="0.7" style="top: 0px;">
                            <a href="#" class="hero-watch-video-link anchor-link">
                                <i class="glyphicon glyphicon-play"></i>
                                <span class="hidden">Here's a quick video on how you can use VeeV to digitize a wardrobe, create outfits and style your friends, family and clients.</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="features-icons-section section">
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-md-push-4">
                        <h2 class="section-heading wow fadeIn" data-wow-duration="1s" style="visibility: visible;">
                        Wear more of what you love...				</h2>
                        <p class="wow fadeIn" data-wow-duration="1s" style="visibility: visible;">
                            VeeV combines tech + style to visually search and manage your wardrobe. Snap, scan and let VeeV find what you're looking for. Get the most out of your wardrobe and wear more of what you love.	
                        </p>
                        <div class="features-icon-list row wow fadeIn" data-wow-duration="1s" style="visibility: visible;">
                            <div class="features-icon-list-item col-sm-6">
                                <i class="glyphicon glyphicon-search"></i>
                                <h5>Visual Search</h5>
                                <p>Snap a picture and VeeV's visual search will scan for matching clothing you own.</p>
                            </div>                               
                            <div class="features-icon-list-item col-sm-6">
                                <i class="glyphicon glyphicon-plus-sign"></i>
                                <h5>Create Outfits</h5>
                                <p>Pull together multiple outfits in 'Events' with items from your VeeV Collection or phone's gallery. Get styled in more of you love.</p>
                            </div>                               
                            <div class="clear"></div> 					
                            <div class="features-icon-list-item col-sm-6">
                                <i class="glyphicon glyphicon-phone"></i>
                                <h5>1 app for all your devices</h5>
                                <p>Access your entire collection from any iOS or Android phone &amp; tablet that has the VeeV app installed. Anytime, anywhere!</p>
                            </div>                               
                            <div class="features-icon-list-item col-sm-6">
                                <i class="glyphicon glyphicon-globe"></i>
                                <h5>Green Fashion</h5>
                                <p>Declutter your wardrobe responsibly with the 'Donate' feature. Green is the new Black!</p>
                            </div>                               
                            <div class="clear"></div> 					
                            <div class="features-icon-list-item col-sm-6" style="margin-right: 1px;">
                                <i class="glyphicon glyphicon-cloud-upload"></i>
                                <h5>Lightweight App</h5>
                                <p>Store all your outfit images on VeeV and free up your phone's storage.</p>
                            </div>                               
                        </div>
                    </div>
                    <div class="col-md-4 col-md-pull-8 text-center">
                        <img src="img/SNAPSCAN-ANIMATION-wPhone-small-1.gif" >
                    </div>
                </div>
            </div>
        </section>
        <section id="video" class="video-section section parallax-background" data-stellar-background-ratio="0.4" style="background-image: url(&quot;img/twitterbanner.jpg&quot;); background-position: 50% 0;">
            <div class="black-background-overlay"></div>
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1" style="border:0px !important;">

                        <div class="video-embed wow fadeIn animated" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s;"></div>
                    </div>
                </div>
            </div>
        </section>
        <section class="description-section section">
            <div class="container">
                <div class="row">
                    <div class="col-md-7">
                        <h2 class="section-heading wow fadeIn animated" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s;">
                            VeeV News: runway events, fashion entrepreneurship &amp; design sustainability                </h2>
                        <p class="wow fadeIn animated" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s;font-size:16px;line-height:28px;">
                            VeeV is made up of a whole community of people passionate about the fashion industry. How it goes beyond beauty, requires a fair amount of business savvy and simply being helpful and giving back to the community can be an extremely rewarding experience. See what these personal stylists, women entrepreneurs &amp; clothing designers have to say in <a href="http://vimsel.com/veev-blog/" target="_self">VeeV News</a>. 
                        </p>
                        <ul class="list-with-icons wow fadeIn animated" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s;">
                            <li>
                                <i class="glyphicon glyphicon-globe"></i>
                                <a href="http://vimsel.com/tag/green-fashion/" target="_self">Ethical &amp; Green Fashion</a>.   
                            </li>
                            <li>
                                <i class="glyphicon glyphicon-user"></i>
                                <a href="http://vimsel.com/tag/stylist/" target="_self">Style Chats</a>                    </li>
                            <li>
                                <i class="glyphicon glyphicon-camera"></i>
                                <a href="http://vimsel.com/tag/fashion-show/" target="_self">Fashion Show Coverage</a>            
                            </li>
                            <li>
                                <i class=""></i>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-5 text-center">
                        <img src="" class="description-image phone-image-double phone-image-left wow fadeInRight animated" style="visibility: visible; animation-duration: 1s; animation-delay: 0.5s;">
                        <img src="img/veev-news-subscribe-260x460.png" class="description-image phone-image-double phone-image-right phone-image-front wow fadeInRight animated"  style="visibility: visible; animation-duration: 1s; animation-delay: 1.5s;">
                    </div>
                </div>
            </div>
        </section>
        <section class="subscribe-section section parallax-background section-inverse-color"style="background-image: url(img/newsletter-signup-bg.png); background-position: 50% 0;">
            <div class="black-background-overlay"></div>
            <div class="container">
                <h2 class="section-heading text-center wow fadeIn" data-wow-duration="1s" style="visibility: visible;">VeeV News</h2>
                <div class="row"style="position: relative;">
                    <div class="col-md-6 col-md-offset-3 text-center"style="color: #ccc;">
                        <p class="wow fadeIn" data-wow-duration="1s" style="visibility: visible;">Sign up for VeeV News and know when a new article comes out! Get coverage of fashion events, and read contributing articles from fashion stylist &amp; fashion designers about what they love to do and how they do it best. VeeV is more than an app. We are a whole community of stylist people who love our tech and love giving back to the community, through creative entrepreneurship and responsible fashion. Subscribe and be in the know!</p>
                    </div>
                    <div>
                        <form action="#">
                            <div class="mc4wp-form-fields">
                                <div class="form-group subscribe-form-input">
                                        <input type="email" name="EMAIL" id="mc4wp_email" class="subscribe-form-email form-control form-control-lg" placeholder="Enter your email address" required />

                                    <input type="submit"value="Subscribe"class="subscribe-form-submit btn btn-primary btn-lg"style="padding:17px;">
                                </div>
                            </div>
                            
                            
                        </form>
                    </div>
                </div>
            </div>
        </section>
        <footer class="footer_menu_section footer-section section">
            <div class="container">
                <p class="download-buttons wow fadeIn animated" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s;">
                    <a href="hjavascript:;">
                        <img src="img/appstore.png" class="link_images" alt="">
                    </a>
                    <a href="javascript:;">
                        <img src="img/googleplay.png" class="link_images" alt="">
                    </a>
                </p>
                <ul class="social-media-links wow fadeIn animated" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s;">
                    <li>
                        <a href="javascript:;" target="new">
                            <i class="glyphicon glyphicon-gbp"></i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="new">
                            <i class="glyphicon glyphicon-tower"></i>
                        </a>
                    </li>
                </ul>
            </div>
            <header class="navbar navbar-default header-floating navbar_footer_menu floating">
                <div class="footer_border container">
                    <div class="navbar-header">
                        <div class="copyright_with_menu">© 2017 Vimsel.com, All rights reserved.</div>
                    </div>
                    <div id="bottomnavigation">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="">
                                <a href="javascript:;">Legal</a>
                            </li>
                            <li class="">
                                <a href="javascript:;">FAQ</a>
                            </li>
                            <li class="">
                                <a href="javascript:;">API</a>
                            </li>
                            <li class="">
                                <a href="javascript:;">services@vimsel.com</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </header>
        </footer>
    </div>
</body>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/npm.js"></script>
<!-- <script>
    (function (doc, win) {
        resetPage = function () {
            var deviceWidth = doc.documentElement.clientWidth;
            var scale = deviceWidth / 640;
            if (deviceWidth >= 640) {
                document.body.style.zoom = 1;
            } else {
                document.body.style.zoom = scale;
            }
        }
        if (!doc.addEventListener) {
            return;
        }
        doc.addEventListener('DOMContentLoaded', resetPage, false);
        win.addEventListener('resize', resetPage, false);
    })(document, window)
    // var isIpad = /ipad/i.test(window.navigator.userAgent);//ipad 平板
    var isIphone = /iphone/i.test(window.navigator.userAgent);//iphone 
    var isAndroid = /android/i.test(window.navigator.userAgent);//android 安卓
    // var isWindow = /window/i.test(window.navigator.userAgent);//PC
    var con = document.querySelectorAll('.con');
    
    if (isIphone) {
        console.log('你在苹果手机上');
        $('.con').css({
            'width':'300px'
        })
    }
    if(isAndroid){
        $('.con').css({
            'width':'300px'
        }) 
    }
    //window.navigator.userAgent 查找是否有符合正则的规定的内容  /ipad|iphone|android/
    // if (window.navigator.userAgent.match(/ipad|iphone|android/i)) {
        
    // }else{
    //     document.body.style.background = 'green';
    // }
</script> -->
</html>